<template>
	<!--收藏组件-->
	<span class="longcheck checkicon" @click="checkiconfun($event)" ></span>
</template>

<script>
	export default{
		name:"checkicon",
		methods:{
			checkiconfun(e){
				if(e.target.className == "longcheck checkicon") {
					e.target.className = "longcheck checkiconactive";
				} else {
					e.target.className = "longcheck checkicon"
				}
			}
		},
		components: {}
	}
</script>

<style scoped>
		.checkicon{
		display: inline-block;
		width: .23rem;
		height: .23rem;
		border: 1px solid #A4A4A4;
	}
	.checkiconactive{
		display: inline-block;
		width: .23rem;
		height: .23rem;
		border: 1px solid #E25051;
		background: url(../assets/img/Tick.png) no-repeat center;
		background-size: .21rem;
	}
</style>